/**
 * canvas 相关封装函数
 */

/**
 * 优化canvas绘制图片模糊问题
 * @param {Element} canvas canvas元素
 * @param {Object} ctx 画笔
 */
export function canvasOptimize(canvas, ctx) {
    ctx.imageSmoothingQuality = 'high';

    var dpr = window.devicePixelRatio || 1;
    canvas.width = canvas.offsetWidth * dpr;
    canvas.height = canvas.offsetHeight * dpr;
    ctx.scale(dpr, dpr);
}

// function drawLine(ctx) {
//     let prevX = 0;
//     let prevY = 0;
//     let drawing = false;

//     canvas.addEventListener('mousedown', (e) => {
//         drawing = true;
//         [prevX, prevY] = [e.offsetX, e.offsetY];
//     });

//     canvas.addEventListener('mousemove', (e) => {
//         if (!drawing) return;
//         const [x, y] = [e.offsetX, e.offsetY];
//         // ctx.clearRect(0, 0, canvas.width, canvas.height); // 清除画布

//         // 线条的样式
//         ctx.strokeStyle = 'rgb(74,255,255)';
//         ctx.lineWidth = 2;
//         ctx.shadowColor = 'rgb(74,255,255)';
//         ctx.shadowBlur = 6;

//         // 实际线条
//         if (x === prevX) { // 纵向线条
//             ctx.beginPath();
//             ctx.moveTo(x, prevY);
//             ctx.lineTo(x, y);
//             ctx.stroke();
//         } else { // 横向线条
//             ctx.beginPath();
//             ctx.moveTo(0, y);
//             ctx.lineTo(canvas.width, y);
//             ctx.stroke();
//         }

//         [prevX, prevY] = [x, y];
//     });

//     canvas.addEventListener('mouseup', () => {
//         drawing = false;
//     });

//     canvas.addEventListener('mouseout', () => {
//         drawing = false;
//     });
// }
